@charset "utf-8";
body{ background:url(images/bg_screen.png) repeat;}
.wrap{ background:url(images/bg_light.png) no-repeat top center; min-width:960px;}
.container{ background:#171717 url(images/bg_grain.png) repeat; margin:0 auto; width:1000px;}

/*reuse*/
.re_960{ margin:0 auto; width:960px;}
.re_980{ margin:0 auto; width:980px;}

/*sprite*/
.mall i,
.hot_products i,
.search .submit,
.homeMessage .bd .submit,
.homeProduct .l_arrow,
.homeProduct .r_arrow,
.crumbs i,
.side_box i,
.sub_nav dt i,
.drop_nav i,
.page .arrow1,
.page .arrow2,
.page .arrow3,
.page .arrow4,
.brand .article i,
.service h3,
.service dt i,
.service dt .close,
.mod_focus .btn,
.product_intro h4,
.product_intro i,
.mod_hd i,
.form .submit,
.partake i,
.share,
.share .shareBtn i,
.share .ico,
.return .returnHome,
.return .returnTop{ background:url(images/sprite.png) no-repeat;}

/*header*/
.header{ background:url(images/bg_header.jpg) no-repeat; margin:0 auto; width:960px; position:relative; z-index:999;}
.logo{ background:url(images/logo.png) no-repeat; float:left; height:175px; width:240px;}
.logo a{ display:block; height:174px; text-indent:-9999px; width:240px;}
.logo a:focus{ outline:none;}

.nav_box{ float:left; height:175px; width:720px;}
.hotline{ color:#60461c; height:45px; line-height:45px; padding-right:10px; text-align:right;}
.hotline em{ font-family:"微软雅黑","黑体"; font-weight:bold;}

.main_nav{ background:url(images/bg_nav_x.png) repeat-x; height:80px; margin-left:30px; position:relative; width:690px;}
.nav{ background:url(images/bg_nav_n.png) no-repeat top right; float:left; height:55px; padding-top:22px; text-align:center; width:97px;}
.nav strong,
.nav em,
.mall strong,
.mall em{ display:block; line-height:18px;}
.nav strong,
.mall strong{ color:#d4cfbb; font-size:14px;}
.nav em,
.mall em{ color:#525454; font-size:8px; font-family:arial,tahoma; -webkit-text-size-adjust:none;}
.nav:hover,
.current{ background:url(images/nav_current.png) no-repeat; margin-left:-1px; text-decoration:none;}
.nav:hover strong,
.current strong{ color:#fff;}
.nav:hover em,
.current em{ color:#c19631;}

.mall{ background:#fff; float:left; margin-left:-1px; height:58px; padding-top:22px; position:absolute; top:0; right:0; text-align:center; width:110px; _display:inline;}
.mall:hover{ text-decoration:none;}
.mall i{ background-position:0 0; display:inline-block; height:22px; vertical-align:middle; width:31px;}
.mall strong{ color:#ff7000;}

.drop_nav{ background:#fff; position:absolute; top:82px; left:192px; overflow:hidden; width:97px;}
.drop_nav a{ border-bottom:1px dotted #c7a763; color:#555; display:block; height:30px; line-height:30px; margin:0 auto; margin-bottom:-1px; text-align:center; width:90px;}
.drop_nav a:hover,
.drop_nav .now{ color:#a77d24;}
.drop_nav i{ background-position:-94px -17px; height:5px; display:block; position:relative; top:0; left:42px; width:10px;}

/*banner*/
.g_banner{ background:url(images/bg_banner.png) no-repeat bottom center; height:473px; margin:0 auto; width:1000px;}
.banner{ height:385px; margin:0 auto; position:relative; width:960px;}
.banner .show{ height:385px; overflow:hidden; width:960px;}
.banner .show img{ height:385px; width:960px;}
.banner .focus{ background:#262626; height:78px; position:absolute; left:65px; bottom:-58px; width:830px; z-index:200px;}
.banner .focus li{ float:left; height:78px; margin-left:12px; position:relative; width:152px; _display:inline;}
.banner .focus a{ height:66px; position:absolute; left:0; top:6px; width:152px;}
.banner .focus a:hover,
.banner .active a{ background:url(images/bg_focus.png) no-repeat; height:66px; padding-top:16px; position:absolute; left:0; top:-10px; width:152px;}
.banner .focus img{ height:66px; width:152px;}

/*search*/
.g_search{ background:#262626; height:45px; margin:0 auto 5px; width:1000px;}
.hot_products{ color:#d4cfbb; font-size:14px; height:45px; padding-left:40px; position:relative; line-height:45px;}
.hot_products i{ background-position:-41px 0; height:5px; position:absolute; top:20px; left:25px; width:5px;}
.hot_products a{ border-right:1px dashed #3e3d3d; color:#7d7c77; padding:0 10px;}
.search{ padding:12px 40px 0 0;}
.search .txt{ background:#686868; color:#403f3c; height:20px; line-height:20px; text-indent:5px; width:250px;}
.search .submit{ background-position:-41px -17px; cursor:pointer; height:20px; text-indent:-9999px; width:43px;}

/*home main*/
.g_home{ background:#262626; margin:0 auto; width:1000px;}
.home_main{ background:#333 url(images/bg_bottom.png) no-repeat center bottom; margin:0 auto; padding:30px 0 10px 0; width:980px;}

.homeMessage,
.homeProduct,
.homeNews{ float:left;}
.homeMessage,
.homeNews{ padding:0 20px; width:265px;}

.homeMessage .hd,
.homeInfo .hd,
.homeService .hd{ padding-bottom:20px;}

.homeMessage .hd h3,
.homeInfo .hd h3,
.homeService .hd h3{ height:50px; text-indent:-9999px; width:156px;}

.homeMessage .hd h3{ background:url(images/bg_message.png) no-repeat;}
.homeMessage .bd dl{ margin-bottom:10px;}
.homeMessage .bd dt,
.homeMessage .bd dd{ float:left;}
.homeMessage .bd dt{ color:#7d7c77; height:24px; line-height:24px; text-align:right; width:50px;}
.homeMessage .bd dd{ width:215px;}
.homeMessage .bd em{ color:#a77d24;}
.homeMessage .bd .txt,
.homeMessage .bd .textArea{ background:#333; border:1px solid #414343; color:#525454; height:24px; line-height:24px; padding-left:5px; width:208px;}
.homeMessage .bd .textArea{ height:80px;}
.homeMessage .bd .btn{ padding:10px 0 0 50px;}
.homeMessage .bd .submit{ background-position:-41px -47px; cursor:pointer; height:21px; text-indent:-9999px; width:69px;}

.homeInfo .hd h3{ background:url(images/bg_news.png) no-repeat;}
.homeInfo .bd{ height:180px;}
.homeInfo .bd li{ color:#7d7c77; height:26px; line-height:26px; overflow:hidden;}
.homeInfo .bd a{ color:#7d7c77;}

.homeService .hd h3{ background:url(images/bg_service.png) no-repeat;}
.homeService .bd{ padding-left:20px;}

.homeProduct{ width:370px; height:380px; position:relative;}
.homeProduct .productBox{ height:380px; margin:0 auto; overflow:hidden; width:305px; position:relative}
.homeProduct .productBox img{ height:380px; width:305px;}
.homeProduct .l_arrow,
.homeProduct .r_arrow{ cursor:pointer; height:50px; width:30px;}
.homeProduct .l_arrow{ background-position:0 -92px; position:absolute; top:160px; left:0; z-index:300px;}
.homeProduct .r_arrow{ background-position:0 -152px; position:absolute; top:160px; right:0; z-index:350px;}

/*crumbs*/
.crumbs{ background:#333; color:#d4cfbb; font-size:14px; height:100px; padding-top:20px; position:relative; text-indent:50px;}
.crumbs i{ background-position:-41px 0; height:5px; position:absolute; top:30px; left:40px; width:5px;}
.crumbs a{ color:#d4cfbb;}
.crumbs strong{ color:#a77d24;}

/*main*/
.main{ background:#333 url(images/bg_bottom.png) no-repeat center bottom; padding-bottom:6px;}

.side_box{ border-right:1px dashed #414141; float:left; width:249px; min-height:800px; _height:800px;}
.main_box{ float:left; width:710px;}

.side_box .title_box{ background:url(images/bg_side.png) no-repeat top center; height:290px; position:relative;}
.side_box .title{ height:110px; width:136px; overflow:hidden; position:absolute; top:0; left:40px; padding:40px 0 0 20px;}
.side_box .title span,
.side_box .title strong,
.side_box .title em{ display:block; font-family:arial,tahoma; font-size:24px; line-height:30px;}
.side_box .title span{ color:#5f4e39; font-size:22px; line-height:22px;}
.side_box .title strong{ color:#333; font-family:"微软雅黑","黑体";}
.side_box .title em{ color:#656461;}
.side_box i{ background-position:0 -32px; height:50px; width:30px; position:absolute; top:60px; right:-15px; z-index:400;}

/*title*/
.mod_title{ height:115px; margin:0 0 20px 78px; width:170px;}
.mod_title img{ height:115px; width:170px;}

/*sub nav*/
.sub_nav{ padding-left:79px; width:170px;}
.sub_nav dt,
.sub_nav dd{ border-bottom:1px dashed #434343; font-size:14px; height:40px; line-height:40px;}
.sub_nav dt{ color:#a77d24; position:relative; padding-right:30px; text-align:right;}
.sub_nav dt a{ color:#a77d24;}
.sub_nav dt i{ background-position:-56px 0; height:7px; position:absolute; top:16px; right:15px; width:7px;}
.sub_nav dd{ color:#d4cfbb; text-indent:10px;}
.sub_nav dd a{ color:#d4cfbb;}

/*product*/
.product .hd{ background:#3c3d3d; height:30px;}
.product .hd h3{ color:#7d7c77; font-size:14px; font-weight:normal; line-height:30px; text-indent:24px;}
.product .bd{ padding-top:50px;}

/*md_list*/
.md_list a{ float:left; height:180px; margin:0 0 15px 35px; padding-top:12px; width:192px; _display:inline;}
.md_list a:hover,
.md_list .now{ background:url(images/bg_product.png) no-repeat; text-decoration:none;}
.md_list span,
.md_list em{ display:block; margin:0 auto; overflow:hidden; width:158px;}
.md_list span{ background:#fff; border:2px solid #eee; padding:6px; height:124px; width:142px;}
.md_list span img{ height:124px; width:142px;}
.md_list em{ color:#7d7c77; height:32px; line-height:32px;}

/*page*/
.page{ border-top:1px solid #3e3e3e; margin:0 auto; padding:10px 0; text-align:center;}
.page a{ color:#7d7c77; display:inline-block; height:24px; line-height:24px; margin:0 5px; text-align:center;}
.page a:hover,
.page .now{ color:#a77d24; font-weight:bold; text-decoration:none;}
.page .arrow1,
.page .arrow2,
.page .arrow3,
.page .arrow4{ height:9px; vertical-align:middle; _margin-top:5px;}
.page .arrow1,
.page .arrow4{ width:15px;}
.page .arrow2,
.page .arrow3{ width:11px;}
.page .arrow1{ background-position:-84px 0;}
.page .arrow2{ background-position:-109px 0;}
.page .arrow3{ background-position:-130px 0;}
.page .arrow4{ background-position:-151px 0;}

/*product_show*/
.product_show{ padding-bottom:50px;}
.product_show .hd{ margin-bottom:15px;}
.product_show .hd h3{ background:#1c1b1c; color:#7d7c77; font-weight:normal; height:30px; line-height:30px; text-align:center; width:200px;}

.slider{ height:488px; margin-bottom:15px; overflow:hidden;}
.mod_show,
.mod_focus{ float:left;}
.mod_show{ height:488px; width:827px;}
.mod_focus{ background:#1c1b1c; height:488px; position:relative; width:133px;}
.mod_focus .focus_img{ height:300px; overflow:hidden; position:absolute; top:85px; left:18px; width:98px;}
.mod_focus li{ background:#fff; border:1px solid #e2e2e2; height:76px; margin-bottom:21px; padding:4px; width:88px;}
.mod_focus li img{ height:76px; width:88px;}
.mod_focus .btn{ cursor:pointer; height:25px; width:92px;}
.mod_focus .btn1{ background-position:-40px -111px; position:absolute; top:30px; left:20px;}
.mod_focus .btn2{ background-position:-40px -146px; position:absolute; top:420px; left:20px;}
.mod_focus .btn_a{ background-position:-142px -146px; position:absolute; top:30px; left:20px;}
.mod_focus .btn_b{ background-position:-142px -111px; position:absolute; top:420px; left:20px;}
.mod_focus .fast_key{ color:#7d7c77; height:26px; line-height:26px; position:absolute; top:450px; left:20px; width:92px;}
.mod_focus .fast_key em{ color:#a77d24;}

.product_intro{ padding:0 40px;}
.product_intro h4{ background-position:-41px -78px; color:#d4cfbb; font-size:14px; height:23px; line-height:23px; text-indent:30px; width:132px;}
.product_intro dl{ margin-bottom:10px;}
.product_intro dt,
.product_intro dd{ float:left;}
.product_intro dt{ height:8px; position:relative; width:10px;}
.product_intro i{ background-position:-114px -17px; height:8px; position:absolute; top:8px; left:0; width:4px;}
.product_intro dd{ color:#7d7c77; line-height:24px; width:870px;}
.product_intro ul{ padding-left:10px;}
.product_intro li{ color:#7d7c77; float:left; line-height:24px; width:400px;}

/*brand*/
.brand{ padding:0 40px;}
.brand .photo{ margin-bottom:40px;}
.brand .article dl{ margin-bottom:30px;}
.brand .article dt,
.brand .article dd{ float:left;}
.brand .article dt{ height:8px; position:relative; width:10px;}
.brand .article i{ background-position:-114px -17px; height:8px; position:absolute; top:8px; left:0; width:4px;}
.brand .article dd{ color:#7d7c77; line-height:24px; width:620px;}
.brand .article li{ color:#a77d24; padding-left:10px;}

/*service*/
.service_img{ padding:0 0 50px 40px;}
.service .hd{ margin-bottom:10px; padding-left:40px;}
.service h3{ background-position:-41px -78px; color:#d4cfbb; font-size:14px; height:23px; line-height:23px; text-indent:24px; width:132px;}
.service dt,
.service dd{ color:#7d7c77; padding:0 40px 0 50px;}
.service dt{ background:#3c3d3d; border-bottom:1px dotted #4a4a4a; height:30px; line-height:30px; position:relative;}
.service dt .c1{ color:#a77d24; cursor:pointer}
.service dt i{ background-position:-114px -17px; height:8px; position:absolute; top:12px; left:40px; width:4px;}
.service dt .open,
.service dt .close{ cursor:pointer; width:11px;}
.service dt .open{ background:#7d7c77; height:3px; min-height:3px; overflow:hidden; position:absolute; top:15px; right:40px;}
.service dt .close{ background-position:-149px -17px; height:9px; position:absolute; top:12px; right:40px;}
.service dd{ line-height:24px; padding:10px 40px;}

/*contact us*/
.contact{ background:url(images/bg_contact.jpg) no-repeat; margin:0 auto; height:500px; position:relative; width:600px;}
.contact .text_box{ position:absolute; top:200px; left:155px; width:200px;}
.contact p{ color:#333; line-height:26px;}

/*title*/
.mod_hd{ background:#3c3d3d; height:30px; position:relative; padding-left:50px;}
.mod_hd i{ background-position:-120px -47px; height:8px; position:absolute; top:12px; left:30px; width:8px;}
.mod_hd h3{ color:#d4cfbb; font-size:14px; font-weight:normal; line-height:30px;}

/*sitemap*/
.sitemap{ padding-top:50px;}
.sitemap dl{ float:left; margin-left:35px; width:100px; _display:inline;}
.sitemap dt{ border-bottom:2px solid #7c7f17; color:#7c7f17; height:26px; line-height:26px; padding-left:10px; width:90px;}
.sitemap dt a{ color:#7c7f17; display:block;}
.sitemap dt a:hover{ text-decoration:none;}
.sitemap dd{ background:#2a2b2b; overflow:hidden; width:100px; z-index:500;}
.sitemap dd i{ border-width:5px; border-color:#7c7f17 #2a2b2b #2a2b2b #2a2b2b; border-style:solid; display:block; height:0; margin-left:20px; overflow:hidden; width:0;}
.sitemap dd a{ border-bottom:1px dotted #525454; color:#7c7f17; display:block; height:26px; line-height:26px; margin:0 auto -1px; padding-left:5px; width:85px;}

/*form*/
.form{ margin:0 auto; padding-top:40px; width:620px;}
.form .hd{ border-bottom:5px solid #3c3d3d; height:30px;}
.form .hd h4{ color:#7d7c77; font-size:14px; font-weight:normal; line-height:30px;}
.form .bd{ padding-top:20px;}
.form .bd .note{ color:#7d7c77; height:26px; line-height:26px; margin-bottom:10px;}
.form .bd em{ color:#ff7000;}
.form dl{ margin-bottom:10px;}
.form dt,
.form dd{ color:#7d7c77; float:left;}
.form dt{ line-height:22px; text-align:right; width:120px;}
.form dd{ width:500px;}
.form dd span{ display:inline-block; margin:0 10px 10px 0;}
.form dd .txt{ background:#3c3d3d; color:#7d7c77; height:22px; line-height:22px; padding-left:5px; width:280px;}
.form dd .checkbox{ margin-right:5px; vertical-align:middle;}
.form .btn{ padding:20px 0 20px 120px;}
.form .submit{ background-position:-40px -181px; cursor:pointer; height:28px; text-indent:-9999px; width:62px;}

/*legal*/
.legal .bd{ padding:40px;}
.legal dt,
.legal dd{ color:#7d7c77; line-height:26px;}
.legal dt{ color:#7c7f17;}

/*news*/
.news{ padding:0 40px 40px;}
.news .hd{ margin-bottom:40px;}
.news .hd h3{ background:url(images/bg_news.png) no-repeat; height:50px; width:156px;}
.news .bd li{ border-bottom:1px dashed #50504e; color:#7d7c77; height:40px; line-height:40px; overflow:hidden;}
.news .bd li a{ color:#7d7c77;}
.news .bd li a:hover{ color:#a77d24;}
.news .bd li span{ float:right;}
.news .bd li i{ border-width:3px; border-color:#333 #333 #333 #7d7c77; border-style:solid; display:inline-block; height:0; overflow:hidden; width:0;}

/*detail*/
.detail{ padding:0 40px;}
.detail .hd{ border-bottom:1px dashed #50504e; padding-bottom:10px;}
.detail h1{ color:#7c7f17; font-size:14px; line-height:26px;}
.detail h2{ color:#7d7c77; font-weight:normal; line-height:22px;}
.detail .bd{ padding:20px 10px 40px;}
.detail .bd p{ color:#a77d24; line-height:24px;}
.detail .bd dt,
.detail .bd dd{ color:#7d7c77; line-height:24px;}
.detail .bd dd{ padding-left:20px;}
.detail .switch{ background:#3c3d3d; height:30px; line-height:30px; margin-bottom:40px; padding:0 40px;}
.detail .switch a{ color:#d4cfbb;}
.detail .switch .previous{ float:left;}
.detail .switch .under{ float:right;}

/*footer*/
.footer{ background:#333; padding:10px 0;}
.footer p{ color:#525454; padding:5px 0; text-align:center;}
.footer img{ vertical-align:middle;}
.footer .footer_nav{ color:#7d7c77;}
.footer .footer_nav a{ color:#7d7c77; padding:0 5px;}

/*line*/
.line{ background:#a77d24; height:4px; min-height:4px; overflow:hidden; width:100%;}

/*return*/
.return{ position:absolute; top:600px; right:290px; width:23px; z-index:500;}
.return a{ margin:2px 0; text-indent:-9999px;}
.return a:focus{ outline:none;}
.return .returnHome,
.return .returnTop{ display:block; height:62px; width:23px;}
.return .returnHome{ background-position:-178px -181px;}
.return .returnTop{ background-position:-211px -181px; height:36px;}

/*partake*/
.partake{ background:#fff; border:1px solid #c4c4c4; position:absolute; top:150px; right:0; width:150px; z-index:600;}
.partake dt{ background:#f2f2f2; border-bottom:1px solid #c4c4c4; color:#444; font-weight:bold; height:26px; line-height:26px; text-indent:10px;}
.partake dd{ padding-left:10px;}
.partake a{ color:#333; display:block; padding:4px 0;}
.partake a:hover{ text-decoration:none;}
.partake i{ display:inline-block; height:16px; margin-right:5px; vertical-align:middle; width:16px;}
.partake .icon1{ background-position:-34px -242px;}
.partake .icon2{ background-position:-34px -268px;}
.partake .icon3{ background-position:-34px -293px;}
.partake .icon4{ background-position:-34px -319px;}
.partake .icon5{ background-position:-34px -345px;}
.partake .icon6{ background-position:-34px -371px;}
.partake .icon7{ background-position:-34px -396px; height:11px;}
.partake .icon8{ background-position:-58px -238px;}
.partake .icon9{ background-position:-58px -264px;}
.partake .icon10{ background-position:-58px -290px;}
.partake .icon11{ background-position:-58px -316px;}
.partake .icon12{ background-position:-58px -342px; height:10px;}

/*share*/
.share{ background-position:0 -219px; height:163px; line-height:0; padding-top:20px; position:absolute; top:150px; right:0; text-align:center; width:24px; z-index:700;}
.share .shareBtn{ color:#333; display:block; line-height:14px; margin:0 auto; text-align:center; width:14px;}
.share .shareBtn:hover{ text-decoration:none;}
.share .shareBtn i{ background-position:-34px -218px; display:block; height:14px; width:14px;}
.share .ico{ display:block; height:16px; margin:4px auto; text-indent:-9999px; width:16px; _margin:1px auto;}
.share .ico:focus{ outline:none;}
.share .ico1{ background-position:-34px -242px;}
.share .ico2{ background-position:-34px -268px;}
.share .ico3{ background-position:-34px -293px;}
.share .ico4{ background-position:-58px -218px; height:10px; width:14px;}